.nav {
    flex-wrap: nowrap;
}

.nav .nav-link>.fa:first-child {
    margin-right: 5px;
}

.root-nav>.nav-item {
    border-top: 15px solid #2b3749;
    background-color: #354052;
}

.nav-link>.fa-angle-left, .nav-link>.fa-angle-down, .nav-link>.fa-chevron-left, .nav-link>.fa-chevron-down {
    font-size: 16px;
    font-weight: 100;
    float: right;
    line-height: inherit;
}

.root-nav>.nav-item>.nav-link {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px 10px;
    color: #29aefe;
    height: 50px;
    line-height: 30px;
}

.root-nav>.nav-item>.nav-link>.fa {
    color: white;
}

.sub-nav {
    display: none;
}

.root-nav>.nav-item.on>.sub-nav {
    display: block;
}

.sub-sub-nav {
    display: none;
}

.root-nav>.nav-item.on>.sub-nav>.nav-item.on>.sub-sub-nav {
    display: block;
}

.sub-nav>.nav-item>.nav-link {
    font-size: 14px;
    padding: 12px 21px;
    display: block;
    color: #bac8dd;
    border-bottom: 1px solid #343d4e;
    border-top: 1px solid #3f4b5b;
}

.sub-nav>.nav-item:hover>.nav-link, .sub-nav>.nav-item.on>.nav-link {
    background: #e9ecf3;
    color: #3e5e92;
}

.sub-nav>.nav-item:hover>.nav-link>.fa {
    color: #5b9bd1;
}

.sub-sub-nav>.nav-item {
    font-size: 13px;
    border-bottom: 1px solid #31415c;
    border-top: 1px solid #425168;
    background: #37455c;
}

.sub-sub-nav>.nav-item>.nav-link {
    color: #bac8dd;
    display: block;
    padding: 9px 14px 9px 34px;
    font-weight: 400;
}

.sub-sub-nav>.nav-item:hover {
    background: #414e61;
}

.sub-sub-nav>.nav-item:hover>.nav-link {
    color: #5b9bd1;
}